*{
	margin:0;
	padding: 0;
 }

			
 body 
 {
	color: #FFF;
	font-family: "Chalet", Helvetica, Verdana;
	font-size: 1em;
	

 }
 h1,h2,h3,h4
 {
	color: #000000;
	text-align: center;
	text-shadow: 5px 5px 5px rgba(255, 255,255, 0.5);
 }
 
nav
{
	border-radius: 0.5em;
	margin: 0.5em auto;
	max-width: 960px;
	padding: 0.25em;
	text-align: center;
		
}

 header, footer
 {
 	
	background:  rgba(57, 118, 141, 0.4);
	border-radius: 0.5em;
	margin: 0.5em auto;
	max-width: 960px;
	padding: 0.25em;
	text-align: center;
	
 }
 
 section#resp_contenedor
 {
	margin: 0.5em auto;
	text-align: center;
 }
 
 section#resp_principal, aside
 {
 	border: groove 5px rgba(9, 6, 0, 0.6);
	background: rgba(255, 255, 255, 0.6);
	border-radius: 0.5em;
	text-align: left;
 } 
 
 li, ul
 {
 	float:left;
 	border-bottom: medium;
 }
 
 ul#aside-usr li, ul#aside-cont li 
 {
 	
 	display:block;
 	float:none;
    list-style-type: none;
    vertical-align: middle;
    
    text-align: left;
     
 }

 
textarea
{
	width: 100%;
	max-width: 100%;
	height: 100px;
}  

form fieldset label{
	display:block;
	margin-bottom: 0;
	color: #000000;
	
}
form fieldset input{
	
	width:90%;
	max-width:90%;
	margin-top:0;
	margin-left: 2%;
	margin-bottom: 1%;
}

 section#resp_principal
{
	width: 100%;
	
}


.colorPrincipal
{
	background: #0981b8;
	color: white;	
	background-image : none;
	background-color: yellow;
    
   	background-attachment:fixed;
}
video
{
	max-width:100%;
	max-width: 100%;
	border: 1px solid black;
}
canvas
{
	max-width:100%;
	max-width: 100%;
	border: 1px solid black;
}
 
 section#loginSection
 {
 	margin: 0 auto;
	max-width: 960px;
	padding: 0;
	text-align: right;
 }
 
 .TextNegro
 {
 	color: #000000;
 }
 
 .txt
 {
	text-align: justify;
}
 
 img.image
 {
	display: block;
	margin: 2px auto;
	/*background-color: rgba(0,0,0,.15);*/
	width: 90%;
	max-width: 90%;
	height:60%;
	padding: 0px;
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
	-ms-border-radius: 20%;
	
 }
 
 img.image1
 {
	display: inline;
	margin: 2px auto;
	/*background-color: rgba(0,0,0,.15);*/
	width: 10%;
	max-width: 10%;
	height:50%;
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
	-ms-border-radius: 20%;
	vertical-align: middle;
	float:left;
 }   
 
 
 img.teclaImg
 {
 width:100px;
 height: 100px;
 border: groove gray;
 border-radius: 20%;
 
 }
    